<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			ul{
				background: #ccc;
			}
			li{
				background: red;
			}
		</style>
	</head>
	<body>
		<h3>点击li获取相应的内容</h3>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
			<li>6</li>
			<li>7</li>
			<li>8</li>
			<li>9</li>
			<li>10</li>
			<li>11</li>
			<li>12</li>
			<li>13</li>
		</ul>
	</body>
</html>
<script type="text/javascript">
	var ul = document.getElementsByTagName('ul')[0]
	ul.onclick = function(e){
		var e = e || window.event
		var target = e.target || e.srcElement
		
		console.log(target.innerHTML)
	}
	
</script>